<!--材料详情-->
<div class="container _container">

    <div class="_res">
        <div class="row">
            <div class="col-xs-12 col-sm-8">
                <!--左边-->
                <div class="_res-left">
                    <ul class="_factory-address">
                        <li>厂家规模：{{facdetailinfro.dimension}}</li>
                    </ul>
                    <div class="_factory-box">
                        <p data-toggle="collapse" data-target="#add" aria-expanded="true" aria-controls="add">隐藏区域只对认证会员可见</p>
                        <div  class="collapse">
                            <h5>如何认证</h5>
                            <dl class="dl-horizontal">
                                <dt></dt>
                                <dd>向From余杭融设计图书馆官方邮箱 designlibrary@126.com 发送简历和作品集。</dd>
                                <dt></dt>
                                <dd>同意签署不对外泄漏制造方隐私信息协议，包含制造方名称、地址、联系方式。</dd>
                                <dt></dt>
                                <dd>From余杭融设计图书馆将在10个工作日内邮件反馈认证结果。</dd>
                            </dl>
                        </div>
                    </div>
                    <div class="_res-intro">{{facdetailinfro.description}}</div>
                    <!--添加到我的收藏夹-->
                    <div class="_res-heart">
                        <a (click)="lgModal.show()"><i class="fa fa-heart" aria-hidden="true"></i>＋添加到我的收藏夹</a>
                    </div>
                </div>

            </div>
            <div class="col-xs-12 col-sm-4">
                <!--右边-->
                <div class="_factory-right">
                    <ul>
                        <li>
                            <a>{{facdetailinfro.catename}}</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="col-xs-12">
                <!--材料瀑布流-->
                <div class="_factory-masonry">
                    <div id="masonryBox" class="_masonry"></div>
                </div>
            </div>

        </div>

    </div>
</div>

<!-- 添加收藏Modal -->
<div class="modal fade _collect-modal" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">选择一个收藏夹</h4>
                <p class="modal-tip">您已经在
                    <a href="user-intro.html" target="_blank">金属光泽</a>收藏夹收藏了哦</p>
            </div>
            <div class="modal-body">
                <div class="_collect-add">
                    <p data-toggle="collapse" data-target="#add" aria-expanded="true" aria-controls="add"><i class="fa fa-plus" aria-hidden="true"></i> 创建一个收藏夹</p>
                    <div id="add" class="collapse">
                        <form class="form-horizontal _form" role="form" onsubmit="return checkForm()">
                            <div>
                                <p class="form-error"></p>
                                <input type="text" class="form-control" id="Name" name="Name" placeholder="名字">
                            </div>
                            <div class="form-btn text-right">
                                <button type="submit" class="btn btn-submit" style="width: 60px;">创建</button>
                            </div>
                        </form>
                    </div>
                </div>
                <p class="_list-all">所有收藏夹</p>
                <ul class="_list" style="display: block">
                    <li>轧制</li>
                    <li>透明</li>
                    <li class="active">金属规则</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                </ul>
            </div>
        </div>
    </div>
</div>
